.a-rotate-down-bounce {
  @include keyframes(rotateDowBounce) {
    0% {
      transform: rotate(0deg);
      opacity: 1;
      visibility: visible;
    }

    20% {
      transform: rotate(25deg);
    }

    40% {
      transform: rotate(30deg);
    }

    10%,
    30%,
    50% {
      transform: rotate(40deg);
      opacity: 1;
      visibility: visible;
    }

    80%,
    100% {
      transform: rotate(30deg) translateY(310px) translateX(230px);
      opacity: 0;
      visibility: hidden;
    }
  }

  @include hide();
  @include animate(rotateDowBounce $rotate-down-bounce-timing ease-in-out 1);

  transform-origin: 0 0;
}
